<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html lang="pt">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <title>Ajuda do Inkpad</title>
            <meta name="author" content="Steve Sprang">
            <link rel="stylesheet" type="text/css" href="styles.css">
            <script src="jquery-1.7.1.min.js"></script>
            <script src="retina.js"></script>
    </head>
    <body>
        
        <div class="content">
            
            <h1>O que é o Inkpad?</h1>
            
            <img class="logo" src="Icon.png" width="130" height="130" alt="Logo"/>
            O Inkpad é uma aplicação de ilustração vetorial, criada de raiz para o iPad. Suporta linhas, linhas compostas, texto, texto em linhas, imagens, grupos, máscaras, preenchimento com gradientes e camadas ilimitadas.
            <p>
	    Inkpad é um software gratuito. Distribuído sob a Licença Pública Mozilla v2.0 que pode ser encontrada em <a href="http://mozilla.org/MPL/2.0/">http://mozilla.org/MPL/2.0</a>. O código fonte pode ser encontrado em <a href="https://github.com/sprang/Inkpad">http://github.com/sprang/Inkpad</a>.
            <p>
            <div style="clear: both;"></div>
            
            <h1>Galeria</h1>
            A galeria mostra uma miniatura de cada um dos seus desenhos. Toque numa miniatura para abrir, ver ou editar. Toque no nome por baixo da miniatura para a renomear.
            <p>
            Toque no botão <b>+</b> no canto superior direito do écran para criar um novo desenho.
            <p>
            Toque no botão <b>Câmera</b> para tirar uma fotografia e usá-la como fundo em novo desenho.
            <p>
    
    
            <h3>Importar</h3>
            O Inkpadk pode importar imagens, fontes (TrueType e OpenType), SVG, SVGZ, e ficheiros do Inkpad através do Dropbox. Toque em <b>Importar</b> para aceder à conta Dropbox.
            <p>
            
            As fontes importadas aparecem no menu <b>Fontes</b> na Galeria, podem ser removidas caso não necessite mais delas. Na edição de um desenho, o menu <b>Fontes</b> mostra tanto as fontes importadas como as que vêm por defeito com a aplicação.
            <p>
                Toque no botão <b>Amostras</b> para reinstalar os desenhos de amostragem que vêm por defeito com o Inkpad.
                <p>
            
            <h3>Exportar</h3>
            Toque em <b>Selecionar</b> para entrar no modo de seleção.
            <p>
            No modo de seleção, toque nas miniaturas para as selecionar (ou as deselecionar). Quando um ou mais desenhos estiverem selecionados, toque em <b>Email</b> para os enviar por email, ou toque em <b>Dropbox</b> para os enviar diretamente para a sua conta Dropbox.
            <p>
            Toque no botão <b>Lixo</b> para apagar os desenhos selecionados.
            <p>
            Toque no botão <b>Feito</b> para sair do modo de seleção.
            
            <h1>Desenhar</h1>
            
            Use o menu <b>Editar</b> para cortar, copiar, colar, apagar e alterar a seleção.
            <p>
            Use o menu <b>Organizar</b> para mover objetos para trás e para frente na pilha, agrupar e desagrupar objetos, distribuir objetos e alinhar objetos.
            <p>
            Use o menu <b>Linhas</b> para adicionar âncoras, remover âncoras, contornar por cima, juntar linhas, combinar linhas, fazer máscaras e colocar o texto em uma linha.
            <p>
            
            <img class="color_inline" src="color_wheel.png" width="27" height="27" alt="Ajustes de Cor"/></h3>
            Use o menu de <b>Ajustes de Cor</b> para misturar cores de preenchimento nos objetos selecionados, ajustar a matiz, saturação, luminosidade e equilíbrio de cores do objeto selecionado. Também é possível desaturar e inverter as cores da seleção.
            <p>
            
            Quando misturar as cores, as formas em cada extremo da seleção devem conter cores de preenchimento (não gradientes). Por exemplo, quando as misturar horizontalmente, as formas mais à esquerda e mais à direita devem conter preenchimento de cor. Adicionalmente, pelo menos 3 formas devem ser selecionadas para libertar as opções de mistura.
            <p>
            
            <img class="undo_inline" src="undo.png" width="24" height="24" alt="Desfazer"/></h3>
            Toque no botão <b>Desfazer</b> para desfazer uma alteração.
            <p>
            
            <img class="undo_inline" src="redo.png" width="24" height="24" alt="Refazer"/></h3>
            Toque no botão <b>Refazer</b> para refazer uma alteração.
            <p>
            
            No canto superior direito do écran tem mais opções para trabalhar nos seus desenhos:
            <p>
            
            <div class="example" style="top-margin:-1em;">
                <img src="drawing_navbar.png" width="185" height="29" alt="Barrra de Desenho"/>
            </div>
            <p>
            Eles são respetivamente: <b>Redimensionar para Caber</b>, <b>Importar Fotografia</b>, <b>Ajustes</b>, e <b>Partilhar/Exportar</b>.
            <p>
            
            <h3>Ajustes</h3>
            Use o painel <b>Ajustes</b> para ativar ou não a grelha, controlar o espaçamento da grelha, e indicar se os objetos se encaixam na grelha, se encaixam em pontos de linhas existentes, ou encaixam nas extremidades das linhas existentes. Também pode ativar ou desativar a régua, mudar as unidades de medida do seu desenho, e modificar as dimensões do seu desenho.
            <p>
            
            Quando <b>Isolar a Camada Ativa</b> está ativo, pode apenas editar a camada ativa. As outras camadas do seu desenho ficarão parcialmente escondidas. Isto torna mais fácil editar o conteúdo de uma camada sem acidentalmente danificar algo de outra camada.
            <p>
            
            Quando o <b>Modo de Contorno</b> estiver ativo, só consegue ver o esboço do objeto no desenho. Isto torna mais fácil selecionar objetos que estão escondidos sob outros objetos. Também reduz significantemente o tempo de renderização em desenhos complexos.
            <p>

            
            <h3>Visualização</h3>
            Utilize o gesto padrão do iOS de aproximar ou afastar. Depois de começar o gesto para aproximar ou afastar pode levantar um dedo para mover o desenho sem alterar a visualização.
<p>
		Se as unidades do desenho estão em pixéis, o Inkpad mostra o desenho no tamanho real quando o zoom estiver a 100% (como indicado na barra de navegação).
		<p>
		Se utiliza unidades de medida relacionadas com medidas físicas (polegadas, centímetros, etc.), o Inkpad mostra o desenho no tamanho de impressão quando o zoom estiver em 100%.
            
            <h1>Ferramentas</h1>
            
            <img class="tool_palette" src="tools.png" width="50" height="196" alt="Paleta de Ferramentas"/>
            O Inkpad tem um grande número de ferramentas para criar e modificar os seus desenhos.
			<p>
			A paleta de ferramentas flutua em cima da folha de desenho. Arraste-a para movê-la no écran. Caso esteja a atrapalhar num desenho mova-o para outro local.<p>

			Pode-se modificar o comportamento das diversas ferramentas, pressionando um segundo dedo no écran <b>depois</b> de começar a arrastar. Se aplicar um segundo toque depois de começar a arrastar irá aproximar a folha de desenho.
			<p>
			O comportamento de cada ferramenta é descrito nas seções seguintes.

			<div style="clear:both;padding-bottom:0.25em;"></div>
            
            <h3>Ferramentas de Seleção e Multi Seleção</h3>
            
            <img class="tool_inline" src="select.png" width="30" height="30" alt="Ferramenta de Seleção"/>
			A Ferramenta de Seleção seleciona um objeto quando toca nele. Qualquer seleção previamente feita será desselecionada.
            <p>
            
            <img class="tool_inline" src="groupSelect.png" width="30" height="30" alt="Ferramenta de Multi Seleção"/>
			A Ferramenta de Multi Seleção não anula as seleções anteriores, ela adiciona os novos objetos que tocar na seleção. Tocando num objeto selecionado a Ferramenta de Multi Seleção irá desselecioná-lo.
            <p>
            
            Selecione um grupo de objetos tocando numa parte vazia do desenho e arrastando à volta deles para abrangê-los. Um rectângulo escuro aparece para indicar a região selecionada.
            <p>
            
            Arraste os objetos selecionados para os mover na folha de desenho. Tocando com um segundo dedo depois de começar a arrastar constrange o movimento na horizontal, na vertical e na diagonal.
            <p>
            
            Quando uma linha estiver selecionada, pode editar as âncoras e controlar os pontos de direção. Como na ferramenta Caneta, descrita de seguida, pressionando um segundo dedo enquanto estiver controlando o ponto de direção faz com que o controle do ponto de direção oposto se mantenha fixo.
            <p>
            Toque duplo nas âncoras de uma linha para as converter entre vértices e curvas. Toque duplo no controle da alça para a remover.
			<p>
            Faça um toque duplo numa âncora e arraste-a para fazer que o controle da alça fique espelhado.
            <p>
            
            <h3>Caneta <img class="tool_header" src="pen.png" width="30" height="30" alt="Caneta"/></h3>
       
			A Caneta é uma ferramenta poderosa para criar linhas no Inkpad. Pode usá-la para fazer qualquer forma. Para começar, selecione a Caneta na Paleta de Ferramentas.
            <p>
            
            Toque uma vez na folha do desenho para adicionar um ponto (âncora) do primeiro vértice da sua forma. Uma série de toques irá produzir um polígono com cantos agudos.
            
            <div class="example">
                <img src="polygon_path.png" width="195" height="84" alt="Polígono"/>
            </div>
            
            Para fazer um canto curvo, toque e arraste. Irá ver um conjunto de controles dos pontos de direção aparecerem determinando a forma da curva. Quanto mais distantes ficarem os controles dos pontos de direção do ponto âncora, mais extrema será a curva.
            
            <div class="example">
                <img src="curve.png" width="217" height="167" alt="Curva"/>
            </div>
            
            Pode também mover os controles dos pontos de direção de forma indepentende. Assim que começar a arrastar, toque no écran com um segundo dedo para manter o controle do ponto de direção fixo. Isso permite criar dois segmentos curvos que formam um vértice.
            <p>
            <div class="example">
                <img src="corner.png" width="200" height="200" alt="Canto"/>
            </div>
            
            Toque na primeira âncora dessa linha para a fechar.
            <p>
            
            Toque duplo na última âncora da linha para terminar a forma sem a fechar.
            <p>

            Para continuar a edição de uma linha não fechada, primeiro selecione-a com a ferramenta de Seleção. Depois escolha a ferramenta Caneta e toque num ponto da extremidade da linha. Pode agora continuar o desenho da linha ou tocar na outra extremidade para a fechar.
            <p>
            
            <h3>Ferramenta Pincel <img class="tool_header" src="brush.png" width="30" height="30" alt="Ferramenta Pincel"/></h3>

            A ferramenta Pincel desenha formas livremente na folha de desenho. Esta é uma boa maneira para esboçar e pintar.
            <p>
            
            <h3>Ferramenta Borracha <img class="tool_header" src="eraser.png" width="30" height="30" alt="Ferramenta Borracha"/></h3>
            
            A ferramenta Borracha apaga partes das formas no desenho. Funciona em linhas não agrupadas ou compostas.<p>
            
            A ferramenta Borracha apenas funciona em formas selecionadas. <p>
            
            Pode ajustar a espessura da borracha através do painel que aparece na parte inferior do desenho, quando a ferramenta Borracha está selecionada.
            <p>
            
            <h3>Ferramenta Acrescentar Âncora <img class="tool_header" src="add_anchor.png" width="30" height="30" alt="Ferramenta Acrescentar Âncora"/></h3>

            A ferramenta Acrescentar Âncora adiciona pontos âncora nas formas existentes no desenho.
            <p>
            
            Toque na borda de uma forma para acrescentar um novo ponto âncora.
            <p>
            A ferramenta Acrescentar Âncora seleciona a forma caso seja necessário, mas é mais fácil acrescentar pontos âncora se selecionar primeiro a linha, assim pode ver os pontos âncora existentes.
            <p>
            
            <h3>Ferramenta Tesoura (Ferramenta Dividir Linhas) <img class="tool_header" src="scissor.png" width="30" height="30" alt="Ferramenta Tesoura"/></h3>

            A Ferramenta Tesoura corta linhas já existentes.
            <p>
            
            Para dividir uma linha, toque na borda que deseja cortar. Para dividir num ponto âncora, toque nele.
            <p>
            Se a linha está fechada, ela abre e ambos os pontos das extremidades são localizados no local do toque. Se a linha não está fechada, ele divide-se em duas linhas no local do toque.
            <p>
            
            <h3>Ferramentas de Formas	        <img class="tool_header" src="rect.png" width="30" height="30" alt="Ferramenta Rectângulo"/>
			            <img class="tool_header" src="oval.png" width="30" height="30" alt="Ferramenta Oval"/>
			            <img class="tool_header" src="star.png" width="30" height="30" alt="Ferramenta Estrela"/>
                <img class="tool_header" src="polygon.png" width="30" height="30" alt="Ferramenta Polígono"/>
                <img class="tool_header" src="spiral.png" width="30" height="30" alt="Ferramenta Espiral"/>
			            <img class="tool_header" src="line.png" width="30" height="30" alt="Ferramenta Segmento de Reta"/></h3>
            
    
As ferramentas de Formas criam retângulos, ovais, estrelas, polígonos, espirais e segmentos de reta.
            <p>
            Toque e mantenha pressionado na forma ativa para aceder às outras formas. Uma paleta secundária aparece para aceder às outras formas.
<p>
	Por defeito, os retângulos e as ovais não estão ajustados a nenhuma relação de aparência. Se quiser um quadrado perfeito ou um círculo perfeito, toque no écran com um segundo dedo depois de arrastar para construir a forma.
	<p>
		É possível ajustar o raio dos vértices dos retângulos, o número de pontas de uma estrela, o número de curvas em uma espiral, ou o número de lados de um polígono através do painel que aparece na parte inferior do écran quando seleciona a ferramenta.
		<p>
			Se tocar no écran com um segundo dedo quando constrói uma estrela, o raio interior da mesma mantêm-se constante, permitindo ter uma estrela mais ou menos pontiaguda.
			<p>
				Se tocar no écran com um segundo dedo quando constrói um segmento de reta, a linha fica constrangida a ser desenhada horizontalmente, diagonalmente ou verticalmente.
            <p>
            
            <h3>Ferramenta Conta-Gotas <img class="tool_header" src="eyedropper.png" width="30" height="30" alt="Ferramenta Conta-Gotas"/></h3>
            
            A ferramenta Conta-Gotas recolhe os atributos de estilo de objetos existentes no desenho. Ela recolhe e aplica qualquer propriedade que possa ser editada no painel de estilos descrito na secção seguinte.
            <p>
            Para utilizar esta ferramente, arraste o seu dedo por cima dos objetos do seu desenho de maneira a apanhar o estilo que quer aplicar.
            <p>
            Se nada é selecionado quando arrasta a ferramenta Conta-Gotas, o estilo será aplicado ao próximo objeto que criar. Se algum objeto estiver selecionado, o estilo será aplicado aos objetos selecionados.
            <p>
            
            <h3>Ferramenta Texto <img class="tool_header" src="text.png"  width="30" height="30" alt="Ferramenta Texto"/></h3>
            
            A Ferramenta de Texto cria objetos de texto.
            <p>
            Toque e arraste para criar uma caixa de texto na folha de desenho. Quando acabar de arrastar, o teclado de écran aparece, permitindo a digitação de texto. Para acabar toque em qualquer sítio na folha de desenho.
            <p>
            Para editar o texto, selecione a ferramenta Texto, toque no texto, ou escolha as ferramentas de Seleção e faça duplo toque no objeto de texto.
            <p>
            
            <h3>Ferramentas de Escalar e Rodar</h3>
            
            As ferramentas de Escalar e Rodar transformam os objetos selecionados.
            <p>
            Um simples toque utilizando estas ferramentas move o ponto de deslocação (inicialmente ele aparece no centro da seleção). Os objetos escalam-se ou rodam quando o arrastar.
            <p>
            <img class="tool_inline" src="scale.png"  width="30" height="30" alt="Ferramenta Escalar"/>
            A ferramenta Escalar mantêm a relação de aspeto dos objetos selecionado, mas tocando com um segundo dedo e mantendo enquanto arrasta provoca um escalonamento não uniforme.
            <p>
            <img class="tool_inline" src="rotate.png"  width="30" height="30" alt="Ferramenta Rodar"/>
            A ferramenta Rodar, roda livremente, exceto se tocar com um segundo dedo enquanto arrasta, nesse caso a ferramenta funciona rodando em ângulos com incrementos de 45 graus.
            
            <h1>Estilos de Objetos</h1>
            
            Toque nos botões dos estilos de objetos para modificar a aparência dos objetos selecionados:
            <p>
            
            <div class="example" style="margin-bottom:-0.5em;">
                <img src="style_bar.png" width="252" height="30" alt="Barra de Estilos"/>
            </div>
            <p>
            Eles são respetivamente: <b>Fonte</b>, <b>Sombra e Opacidade</b>, <b>Traço</b>, <b>Preenchimento</b>, e <b>Amostras</b>.<p>
            
            O botão <b>Sombra e Opacidade</b> indica a cor da sombra e a sua direção, assim como a opacidade do objeto. As cores indicadas nos botões <b>Traço</b> e <b>Preenchimento</b> são valores usados quando são criadas novas formas.
            <p>
            
            <h3>Amostras</h3>
            
        	O painel <b>Amostras</b> guarda cores e gradientes para posterior uso.
            <p>
            
            O controle <b>Sombra/Linha/Preenchimento</b> no fundo do painel determina o estilo que é guardado quando toca no botão <b>+</b> no lado superior direito do painel. Também determina qual é o estilo quando toca numa amostra do painel.
            <p>
            Como os gradientes apenas funcionam em preenchimentos de formas, tocando em uma amostra de um gradiente, ele preenche a forma apesar de outras especificações.
            <p>
            
            <h1>Gradientes</h1>
            
            Um gradiente é um preenchimento de uma forma com transições entre duas ou mais cores. Um gradiente é definido por um conjunto de pontos de cor. Cada ponto de cor indica uma cor e a sua posição no gradiente.
            <p>
            
            Para aplicar um gradiente, abra o painel <b>Preenchimento</b> e toque no botão <b>Gradiente</b> na barra do título.
            <p>
            Toque num ponto de cor para selecioná-lo. Utilize os botões deslizantes de cor para alterar os pontos de cor. Arraste o ponto de cor para alterar a sua posição no gradiente.
            <p>
            Para inverter a direção do gradiente, deslize para a direita ou para a esquerda na barra do gradiente (a área por cima dos pontos de cor).
            <p>
            Para distribuir os diferentes pontos de cor num gradiente, faça duplo toque na barra do gradiente.
            <p>
            Para remover um ponto de cor de um gradiente, arraste-o para cima ou para baixo.
            <p>
            Para inserir um ponto de cor, toque no espaço em branco entre os pontos de cor (por baixo da barra do gradiente).
            <p>
            Quando uma forma tem um preenchimento com um gradiente (e é o único objeto selecionado), aparecem pontos de direção especiais que permitem alterar o ponto de começo e de término dos gradientes:
            <p>
            <div class="example" style="margin-bottom:-1.5em;">
                <img src="gradient_canvas.png" width="215" height="150" alt="Gradiente na folha de desenho"/>
            </div>
            
            <h1>Camadas</h1>
            
            O Inkpad suporta um número ilimitado de camadas. As camadas são úteis para organizar desenhos complexos. Cada componente do desenho pode ficar numa camada, fazendo com que a tarefa de edição desse elemento seja facilitada.
            <p>
            Pode apagar, duplicar, reorganizar, renomear, proteger e esconder as camadas. Pode também controlar a transparência de cada camada.
            <p>
            
            Toque no botão <b>Camadas</b> na barra para ver as camadas do desenho.
            <p>
            
            <h1>Juntar Linhas</h1>
            
            Para unir duas linhas abertas, selecione-as e escolha <b>Unir Linhas</b> no menu <b>Linha</b>.
            <p>
            As linhas são fechadas juntando os dois extremos mais próximos, assim deve alinhá-los na maneira que pretende que eles se unam antes de escolher <b>Unir Linhas</b>.
            <p>
            Se o o ponto oposto terminal coincide após a união, a linha nova é também fechada.
            
            <h1>Linhas Compostas</h1>
            
            Uma linha composta é uma linha composta por múltiplas linhas. É útil para a criação de formas que contenham buracos.
            <p>
            
            Para criar uma linha composta, seleccione uma ou mais linhas e/ou linhas compostas e escolha <b>Combinar Linhas</b> no menu <b>Linha</b>.
            <p>
            
            Para transformar uma linha composta em linhas simples, escolha <b>Separar Linhas</b> no menu <b>Linha</b>.
            <p>
            
            A direção relativa de cada linha secundária numa linha composta determina quais as linhas secundárias que são preenchidas. Se a linha tem a mesma direção, são todas fechadas.
            <p>
            Se combinou duas linhas na esperança de criar um buraco, mas o buraco está preenchido, selecione uma das linhas na linha composta e escolha <b>Reverter a Direção da linha</b> no menu <b>Linha</b>.
            <p>
            
            <h1>Colocar Texto numa Linha</h1>
            
            Para colocar texto numa linha não composta já desenhada, seleccione-a (ou uma linha e um objeto de texto existente) e escolha <b>Colocar Texto numa Linha</b> no menu <b>Linha</b>.
            <p>
            Um editor de texto aparece, permitindo editar o texto na linha. Pode reativar mais tarde este editor efetuando duplo toque na linha com uma das ferramentas de Seleção (ou tocar na Linha com a ferramenta de Texto).
            <p>
            A linha é editável como se tratasse de uma linha normal, mas as especificações do estilo só se aplicam ao texto.
            <p>
            Arraste a barra para o início do texto para ajustar o ponto de começo do texto na linha.
            <p>
            Para o texto aparecer no outro lado da linha, escolha <b>Inverter o Sentido da Linha</b> a partir do menu <b>Linha</b>.
            <p>
            
            <h1>Máscaras</h1>
            
            Uma máscara é uma linha, uma linha composta, ou objeto de texto que corta o conteúdo de outros elementos desenhados.
            <p>
            Para criar uma máscara, selecione os objetos que quer mascarar e a linha ou texto que quer usar como máscara (o objeto que vai servir de máscara deve estar por cima dos objetos selecionados). Escolha <b>Máscara</b> no menu <b>Linha</b>.
            <p>
            
            Para desfazer a máscara dos objetos, selecione os objetos com máscara e escolha <b>Remover Máscara</b> no menu<b>Linha</b>.
            <p>
            
            Uma linha que serve de máscara pode ter um preenchimento e uma espessura como uma linha normal.
            <p>
            
        </div>
        
    </body>
    
    <script type="text/javascript">
        highdpi_init();
    </script>
</html>
